/* Specific styles for Zotonic admin
----------------------------------------------------------

@package:	Zotonic admin CSS
@Author: 	Tim Benniks <tim@timbenniks.nl>

Copyright 2009,2010 Tim Benniks

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
 
http://www.apache.org/licenses/LICENSE-2.0
 
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

---------------------------------------------------------- */

body {
	background: #f1f1f1 url(../images/admin_bg.jpg) repeat-x top;
	font: 11px/18px "Lucida Grande", Helvetica, sans-serif;
	color: #333;
}

body.zp-wide .zp-wrapper {
	width: 1200px;
}

body.zp-normal .zp-wrapper {
	width: 970px;
}

hr {
	border-top: 1px dotted #ddd;
}

.zp-wrapper {
	margin: 0 auto;
}

.block {
	background: #f9f9f9;
	border: 1px solid #bbb;
	padding: 12px 18px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0 0 18px 0;
}

.block .padding {
	padding: 0 18px 0 0;
}

.item-wrapper {
	margin: 0 0 18px 0;	
}

.short-list,
.item  {
	margin: 0 0 18px 0;
	padding: 0;
	background: #f1f1f1;
	border: solid #ddd;
	border-top-color: #bbb;
	border-width: 1px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.item {
	margin: 0;
}

	.item {
		padding: 9px 9px 0;
	}

#sort-publish .item {
	background: #999;
	border-color: #999;
	color: #fff;
}

	#sort-publish .item label {
		color: #fff;
	}
	
	#sort-publish h3 {
		border-bottom: 1px solid #ddd;
	}

.short-list li {
	display: block;
	margin: 0;
	padding: 0 6px;
	line-height: 27px;
	border-bottom: 1px solid #e0e0e0;
}

	.short-list li button {
		margin: 3px 3px 0 0;
	}

	.short-list li:last-child {
		border: none;
	}
	
	.short-list li a {
		text-decoration: none;
		color: #555;
	}

    .short-list li.unpublished a {
        color: #888;
    }

		.short-list li a:hover {
			background: #eee;
			color: #000;
		}

	.short-list li.headers  {
		font-weight: bold;
    }
	.short-list li.headers a {
		color: #0C8DB2;
	}
	
	.short-list li span {
		float: left;
		display: block;
	}

ul.pager {
	padding: 6px;
}
	
.pager li {
	display: inline;
	margin: 0 6px 0 0;
}

	.pager li.current a {
		color: #000;
		font-weight: bold;
	}

.table-list {
	margin: 0 0 9px 0;
	border-top: 1px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	
.table-list li {
	display: block;
	padding: 6px;
	border: solid #ddd;
	border-width: 0 1px 1px 1px;
}

	.table-list li span {
		display: block;
		float: left;
	}

		.table-list li span.label {
			width: 200px;
		}

.item-even {
	background: #f2f2f2;	
}

.item-uneven {
	background: #f9f9f9;	
}

	
/* admin typography  
---------------------------------------------------------- */

h2 {
	color: #0c8db2;
	font-size: 20px;
	font-weight: normal;
	line-height: 27px;
	margin: 0 0 14px;
	padding: 0 0 4px;
	background: none;
	border-bottom: 1px dotted #ddd;
}

	h2 span {
		font-size: 11px;
	}

h3 {
	color: #32394b;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	background: none;
	padding: 0;
}

h3.alt {
	margin: 0 0 9px 0;
}

h3.above-list,
h3.above-item {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	background: #ccc url(/lib/images/button.png) repeat-x center top;
	margin: 0;
	padding: 4px 8px;
	position: relative;
	cursor: pointer;
}

    h3.above-list button {
		display: inline;
		margin: 0;
		float: right;
	}

	.above-item-all-corners {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	h3.above-item span.title {
		display: block;
		float: left;
	}

	h3.above-item span.arrow {
		background: #ccc url(/lib/images/h3-close.png) no-repeat center top;
		float: right;
		height: 26px;
		position: absolute;
		right: 0;
		text-indent: -9999px;
		top: 0;
		width: 22px;
		display: block;
	}

h4 {
	line-height: 27px;
}

#sidebar h4 {
	float: left;
	color: #333;
	margin: 0 3px 0 0;
	line-height: 18px
}

a,
a:focus {
	color: #32394b;
	text-decoration: underline;
}

.admin-chapeau {
	margin: 0;
	font-family: Georgia;
	font-style: italic;
	color: #999;
}

.notification {
	padding: 6px;
}


/* Header
---------------------------------------------------------- */

#header {
	position: relative;
}

#header h1 {
	margin: 10px 0 27px 0
}

	#header h1 span a {
		font-family: "Lucida Grande", Helvetica, sans-serif;
		font-size: 11px;
		color: #eee;
		text-decoration: none;
	}
	
	#header h1 span a:hover {
		text-decoration: underline;
	}

#header .right {
    position: absolute;
    right: 49px;
    top: 20px;
}

#header .right .headeritem select {
    background-color: #6b6f7b;
    color: white;
    border-color: #060606;
    margin: 1px;
}

#header .right .headeritem {
    float: left;
    margin-left: 10px;
}

/* navigation
---------------------------------------------------------- */

#navigation {
	background: #f9f9f9;
	border: 1px solid #bbb;
	padding: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0 0 18px 0;
}

	#navigation li a {
		height: 27px;
		line-height: 27px;
		padding: 0 0 0 9px;
		border-bottom: 1px solid #ddd;
		float: none;
		display: block;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
		color: #666;
	}
	
		#navigation li:last-child a {
			border: none;
		}
		
		#navigation li:first-child a.current {
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-topright: 3px;
			-webkit-border-top-left-radius: 3px;
			-webkit-border-top-right-radius: 3px;
		}
	
	#navigation li.right a {
		border-left: 1px solid #ddd;
		border-right: none;
	}
	
	#navigation li a:hover,
	#navigation li a.current {
		color: #000;
		background: #F1F1F1;
	}


/* Search
---------------------------------------------------------- */	

	#header .right .search-wrapper {
		height: 22px;
		width: 173px;
		background: transparent url(../images/admin_search.png) no-repeat;
	}

	#header .search-wrapper input,
	#header .search-wrapper input:focus,
	#header .search-wrapper input:active {
		background: none;
		border: none;
		color: #fff;
		height: 16px;
		line-height: 1;
		margin: 4px 0 0 31px;
		padding: 0;
		width: 133px;
		outline: 0;
	}


/* forms
---------------------------------------------------------- */

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

	fieldset legend {
		display: none;
	}

	fieldset.translation {
		border-top: 1px solid #aaa;
	}
	
		fieldset.translation legend {
			display: block;
			padding: 0px 8px 4px 0px;
		}

button, 
a.button {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-transform: lowercase;
}

	button.save {
		font-weight: bold;
		color: #000;
		border-color: #000;
	}

.form-item button {
	margin: 0 3px 0 0;
}

button.disabled {
	color: #999;
	border: 1px solid #aaa;
	cursor: default;
}

#quick-search input {
	margin: 0 3px 0 0;
}
	#quick-search button,
	#quick-search fieldset {
		margin: 0;
	}

.admin-form fieldset:last-child {
	margin: 0 0 9px 0;
}

.admin-form legend { 
	color: #000;
	font-size: 12px;
	line-height: 18px;
	padding: 0;
	font-weight: bold;
	margin: 0 0 9px 0;
}

.admin-form label { 
	float: none; 
	width: auto; 
	display: block; 
	margin: 0; 
	text-align: left;  
	cursor: pointer;
	color: #333; 
	font-weight: normal;
}

.admin-form label.left {
	float: left;
	margin: 0 6px 0 0;
}

	.admin-form label.left input {
		margin: 3px 0 0 0;
	}

.admin-form textarea,
.admin-form input[type="text"] { 
	padding: 3px 3px 2px;
	border: solid #ccc;
	border-width: 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 12px;
	color: #666;
	width: 603px;
	padding: 5px;
	font-family: "Lucida Grande", Helvetica, sans-serif;
}

#sidebar input[type="text"] { 
    width: 278px;
}

.admin-form textarea.seo-desc {
	height: auto;
}

.admin-form textarea.intro {
	height: auto;
}

.admin-form textarea.body {
	height: 300px;
}

.admin-form textarea:focus,
.admin-form input[type="text"]:focus { 
	background: #f9f9f9;
	border: solid #888;
	border-width: 1px;
}

#sort-publish button {
	margin: 0 3px 0 0;
}

.admin-form .path-unique-name-wrapper input {
	width: 294px;
}

	.admin-form .path-unique-name-wrapper input#field-page-path {
		width: 288px;
	}

input[type="checkbox"], 
input[type="radio"],
.dialog input[type="checkbox"],
.dialog input[type="radio"] {
	width: auto;
}

.admin-form .date-item {
	display: block;
	float: left;
}


/* Edit page Media
---------------------------------------------------------- */

.choose-media-wrapper {
	height: 110px;
	overflow-y: auto;
}

.edit_media {
	margin: 0 6px 0 0;
}

.edit_media img {
	border: 4px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0 6px 6px 0;
}

.media-list li img {
	margin: 6px 6px 6px 0;
	border: 1px solid #ccc;
}

.list-referrers {
	margin: 0 0 9px 0;
}

ul.media-sorter li {
	width: 187px;
	float: left;
	margin: 0 18px 9px 0;
	position: relative;
	cursor: move;
}

	ul.media-sorter li img {
		float: none;
	}
	
	ul.media-sorter li .rsc-edge {
		margin: 3px 0 0 3px;
	}
	
	ul.media-sorter li .media-unlink-wrapper {
		position: absolute;
		bottom: 15px;
		left: 4px;
		background: #666;
		width: 187px;
		height: 28px;
		opacity: .95;
		border-top: 1px solid #555;
	}


/* Modules - Autocompleter
---------------------------------------------------------- */

.autocomplete-wrapper {
	position: relative;
}

.suggestions-list {
	background: #888;
	width: 310px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	filter: alpha(opacity=95);
	-moz-opacity: .95;
	opacity: .95;
	z-index: 999999;
}

	.suggestions-list li.suggestions-result a {
		display: block;
		text-decoration: none;
		color: #eee;
		padding: 4px 4px 10px;
	}

	    .suggestions-list li.suggestions-result a span {
            color: #ccc;
        }
	
		.suggestions-list li.suggestions-result a:hover span,
		.suggestions-list li.suggestions-result a:hover {
			background: #eee;
			color: #444;
		}
	
	.suggestions-list li.suggestions-result:last-child a {
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
	}


/* Modules - Unlinker
---------------------------------------------------------- */

span.add-connection {
	float: right;
}

.unlink-wrapper {
	margin: 0 0 9px 0;
}

.rsc-edge {
	line-height: 11px;
	margin: 0 6px 6px 0;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 4px 6px 4px 4px;
	text-transform: lowercase;
	border: 1px solid;
	border-color: #999999 #858585 #666666;
	background: #ccc url(/lib/images/button.png) repeat-x left top;
	
}

	.rsc-edge-hover {
		border-color: #db474c;
	}

	.rsc-edge a {
		text-decoration: none;
	}

.unlink-item {
	float: left;
	display: block;
}

.unlink-cross {
	background: transparent url(/lib/images/crosses.png) no-repeat left bottom;
	height: 11px;
	width: 11px;
	display: block;
	float: left;
	margin: 0 3px 0 0;
	cursor: pointer;
}

	.unlink-cross:hover {
		background: transparent url(/lib/images/crosses.png) no-repeat left top;
	}
	
.unlink-mover {
	background: transparent url(/lib/images/move.png) no-repeat left top;
	height: 12px;
	width: 12px;
	display: block;
	float: left;
	margin: 0 3px 0 0;
	cursor: move;
}

.link-add {
	color: #666;
}

#unlink-message {
	height: 60px;
}


/* Modules - Tooltip
---------------------------------------------------------- */

.tooltip {
	position: absolute;
	display: none;
	background: #333;
	opacity: .90;
	color: #f7f7f7;
	padding: 3px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 11px;
	margin: 0;
	min-height: 14px;
	text-align: left;
}


/* Modules - Sortable
---------------------------------------------------------- */

.media-sorter .ui-sortable-placeholder,
.edge-sidebar-sorter .ui-sortable-placeholder {
	background: #eee;
	display: block;
	border: 1px dashed #888;
	visibility: visible !important;
	height: 200px;
	padding: 0;
	margin: 6px 16px 18px 0;
}

	.edge-sidebar-sorter .ui-sortable-placeholder {
		height: 20px !important;
		margin: 0 6px 6px 0;
		padding: 0 5px;
	}

/* Modules - image viewer
---------------------------------------------------------- */

.image-magnifier {
	background: #f2f2f2 url(/lib/images/mf.gif) 50% 50% no-repeat;
	font-size: 12px;
	padding: 0;
	position: absolute;
	z-index: 2;
	bottom: 0;
	display: none;
	height: 20px;
	cursor: pointer;
	width: 20px;
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75;
}

.popup-overlay {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	background: #eee;
}

.loaded-bigImage {
	border: 3px solid #ccc;
}


/* modules - navigation builder
---------------------------------------------------------- */

ul.navigation-manager {
	padding: 8px 6px;
}

ul.navigation-manager li {
	padding: 0;
}

ul.navigation-manager li a {
	padding: 1px 0 0;
	border: 1px solid #e0e0e0;
	background: #fff;
	display: block;
}

	ul.navigation-manager li .grippy img {
		position: absolute;
		top: 4px;
		left: 6px;
	}

	ul.navigation-manager li#top {
		padding: 1px 0 0 7px;
		border: 1px dotted #ccc;
		margin: 0 0 3px 0;
	}

		ul.navigation-manager li ul li {
			border: none;
		}

.search-nav-items input.autocompleter {
	width: 279px;
}

ul ul {
	margin: 0 0 0 20px;
}

/* Modules - catagory sorter
---------------------------------------------------------- */

li.hover, li.hover a {
	background: #0c8db2 !important;
	color: #fff !important;
	border-color: #fff;
}

.short-list .line {
	height: 15px;
	border: 1px dotted #ccc !important;
	background: none;
	margin: 6px 0;
}

ul.categories {
	padding: 8px 6px 0;
}

ul.categories li {
	margin: 0;
	padding: 0;
	border: none;
}

ul.categories li.active {
	background: #f1f1f1;	
}

	ul.categories li.ui-draggable {
		width: auto;
		display: block;
	}

ul.categories li a {
	padding: 1px 0 0 15px;
	border: 1px solid #e0e0e0;
	background: #fff;
	cursor: pointer;
}

#category-sorter .ui-draggable-dragging,
.navigation-manager .ui-draggable-dragging {
	width: 339px !important;
}

.grippy {
	width: 18px;
	height: 29px;
	position: relative;
	cursor: move;
}

	.grippy img {
		position: absolute;
		top: 4px;
		left: 6px;
	}

.short-list li.depth-1 { margin-left: 0; }
.short-list li.depth-2 { margin-left: 30px; }
.short-list li.depth-3 { margin-left: 60px; }
.short-list li.depth-4 { margin-left: 90px; }
.short-list li.depth-5 { margin-left: 120px; }
.short-list li.depth-7 { margin-left: 150px; }
.short-list li.depth-8 { margin-left: 180px; }
.short-list li.depth-9 { margin-left: 210px; }
.short-list li.depth-10 { margin-left: 240px; }
.short-list li.depth-11 { margin-left: 270px; }


/* tinyMce stuff
--------------------------------------------------------- */

.mceToolbar td a span.mce_zmore {
	background: url(/lib/images/toolbars.gif) !important;
}

.z-tinymce-media-left {
	float: left;
	margin: 4px 6px 0 0;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border: 4px solid #CCCCCC;
}

.dialog .z-tinymce-media-options label {
	float: none;
	width: auto;
}

	.z-tinymce-media-options p {
		margin: 0;
	}

.wp_themeSkin .mceStatusbar div {
    width: 600px;
    overflow: hidden;
}


/* ajax interaction 
-------------------------------------------------------------- */
body.wait {
    cursor: wait;
}
body.wait button {
    cursor: wait;
}


/* maps
-------------------------------------------------------------- */

.map-wrapper {
	height: 300px;
	width: 610px;
	border: 3px solid #ddd;
	margin: 0 0 9px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


/* tabs
-------------------------------------------------------------- */

.ui-tabs-nav {
	overflow: hidden;
	background-color: none;
	margin-top: 4px;
}

	.ui-tabs-nav li {
		float: left;
		margin-right: 8px;
		padding: 4px;
		border: 1px solid #bbb;
		background-color: #f1f1f1;
		border-bottom: none;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		-moz-border-top-left-radius: 6px;
		-moz-border-top-right-radius: 6px;
		-webkit-border-top-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
	}
	
	.ui-tabs-nav li a {
		text-decoration: none;
	}

	.ui-tabs-nav .ui-state-hover {
		border-color: #999;
		background-color: #e4e4e4;
	}
	
	.ui-tabs-nav .ui-tabs-selected {
		font-weight: bold;
		border-color: #999;
		background-color: #e4e4e4;
	}

.ui-tabs-hide {
	display: none;
}



div.translations table.mceLayout {
	border-top: solid 1px #bbb;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-top-left-radius: 0px;
	-moz-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
}
